<template>
  <div class="parentBox">
    <h1>我是父组件</h1>
    <child :title="title" :imgurl="imgurl"></child>
  </div>
</template>

<script>
import Child from './components/Child.vue'
export default {
  components: { Child },
  data(){
    return{
      title:'哈利·波特与魔法石 Harry Potter and the Sorcerer',
      imgurl:'https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2614949805.jpg'
    }
  }
}
</script>

<style>
  .parentBox{
    width: 300px;
    height: 500px;
    background-color:tomato;
  }
</style>